
/*
CRotate
------------------------------------------------------------------*/
.crotate .ja-ss-items {
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		 -o-transform-style: preserve-3d;
			transform-style: preserve-3d;
			
	-webkit-perspective: 1000px;
	   -moz-perspective: 1000px;
		-ms-perspective: 1000px;
		 -o-perspective: 1000px;
			perspective: 1000px;
}

.crotate .ja-ss-thumbs-wrap,
.crotate .ja-ss-btns {
	-webkit-transform: translateZ(1000px);
}

.crotate .ja-ss-item.animate {
	-webkit-transition: -webkit-transform 1s ease-out, opacity 1s ease-out;
	   -moz-transition: -moz-transform 1s ease-out, opacity 1s ease-out;
		-ms-transition: opacity 1s ease-out;
		 -o-transition: -o-transform 1s ease-out, opacity 1s ease-out;
			transition: transform 1s ease-out, opacity 1s ease-out;
			
	-webkit-transform-origin: 50% 50%;
	   -moz-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		 -o-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
}

.crotate .ja-ss-item.curr {
	opacity: 1;
	-webkit-transform: rotateZ(0) scale(1);
	   -moz-transform: rotateZ(0) scale(1);
		-ms-transform: rotateZ(0) scale(1);
		 -o-transform: rotateZ(0) scale(1);
			transform: rotateZ(0) scale(1);
}

.crotate .ja-ss-item.next {
	opacity: 0;
	-webkit-transform: rotateZ(360deg) scale(0);
	   -moz-transform: rotateZ(360deg) scale(0);
		-ms-transform: rotateZ(360deg) scale(0);
		 -o-transform: rotateZ(360deg) scale(0);
			transform: rotateZ(360deg) scale(0);
}

.crotate .ja-ss-item.prev {
	opacity: 0;
	-webkit-transform: rotateZ(-360deg) scale(1.2);
	   -moz-transform: rotateZ(-360deg) scale(1.2);
		-ms-transform: rotateZ(-360deg) scale(1.2);
		 -o-transform: rotateZ(-360deg) scale(1.2);
			transform: rotateZ(-360deg) scale(1.2);
}